<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link charset="utf-8" rel="stylesheet" type="text/css" href="/static/ali/ali.css" />
    <link charset="utf-8" rel="stylesheet" type="text/css" href="/static/ali/help.css" />
    <script src="/static/jquery/1.11.0/jquery.min.js"></script>
    <script>
        function showTitleByType(obj) {
            window.location.href = "/customer/help?type="+obj.text;
        }

        function searchhelp() {
            var keyword = $("#keyword").val();
            $.ajax({
                type: "POST",
                url: "/customer/help/getHelpTitleByKeyWord",
                data: "keyword="+keyword,
                success: function(titles){
                    var titles_html = "<p class=\"right-title\">搜索结果</p><ul>";
                    if(titles.length == 0){
                        titles_html += "<li><span class=\"circle-do\"></span><a>抱歉，未找到您搜索的相关内容！</a></li>";
                    }
                    for (var i = 0; i < titles.length; i++){
                        titles_html += "<li><span class=\"circle-do\"></span><a onclick=\"showContent("+titles[i].id+")\" href=\"javascript:void(0);\" target=\"_blank\">"+titles[i].title+"</a></li>";
                    }
                    titles_html += "<ul>";
                    $("#content-right").html(titles_html);
                }
            });
        }

    </script>
    <title>友利钱包帮助中心</title>
</head>
<body>
<div class="search-header">
    <div class="search">
        <input name="keyword" id="keyword" class="search-in" type="text" autocomplete="off" placeholder="输入问题关键词，如：如何签约、签约产品、签约费率" value="" seed="CSHALL_SHANGFU_SEARCH_KEYWORD">
        <span class="search-btn" onclick="searchhelp()">搜&nbsp;&nbsp;索</span>
    </div>
</div>
<div class="content">
    <div class="content-wrapper">
        <div class="content-left">
            <div class="left-title"><i class="icon iconfont common-problem"></i>帮助分类列表</div>
            <ul class="left-sub-title">
                #for(x : helpType)
                <li #if(x.type == helpInfo.type) class="active" #end ><a  href="javascript:void(0);" onclick="showTitleByType(this)">#(x.type)</a></li>
                #end
            </ul>
        </div>
        <div class="content-right" id="content-right">
            <p class="right-title">#(helpInfo.type)</p>
            <div class="right-article">
                <p class="summary-introduce-title">#(helpInfo.title)</p>
                <p class="knowledge-content-html">
                    #(helpInfo.content)
                </p>
            </div>
        </div>
    </div>
</div>

#include("common/footer.html")
</body>
</html>
